{% extends "../doc/inc/doc_base.html" %}
{% block head %}
    <title>{{articleInfo.title}},react教程-reatc入门教程 前端汇 — Power by liblog</title>
    <meta name="keywords" content="react教程,react入门教程,liblog">
    <meta name="description" content="{{_web.description}}">
    {{ super() }}
{% endblock %}

{% block doc_title %}
  react教程
{% endblock %}

{% block left_nav %}
    <ul class="out_ul_new">
       <li>
         <p>
           <span class="out_ul_span1">
               <img src="{{_web.url}}{{theme_url}}/src/css/business/doc/API_word.png" />
           </span>
           <span class="out_ul_span2">
             <span class="nav_title">基础教程</span>
           </span>
         </p>
        <ul class="set_ChildEle_new">
           <a href="/doc/react/333.html"><li>React 安装</li></a>
           <a href="/doc/react/334.html"><li>HTML 模板</li></a>
           <a href="/doc/react/335.html"><li>React.render()</li></a>
           <a href="/doc/react/336.html"><li>JSX 语法</li></a>
        </ul>
      </li>
        <li>
         <p>
           <span class="out_ul_span1">
               <img src="{{_web.url}}{{theme_url}}/src/css/business/doc/API_word.png" />
           </span>
           <span class="out_ul_span2">
             <span class="nav_title">进阶应用</span>
           </span>
         </p>
        <ul class="set_ChildEle_new">
           <a href="/doc/react/126.html"><li>组件</li></a>
           <a href="/doc/react/338.html"><li>this.props.children</li></a>
           <a href="/doc/react/339.html"><li>	PropTypes</li></a>
           <a href="/doc/react/340.html"><li>	React.findDOMNode()</li></a>
           <a href="/doc/react/341.html"><li>	this.state</li></a>
           <a href="/doc/react/342.html"><li>	表单</li></a>
           <a href="/doc/react/343.html"><li>	组件的生命周期	</li></a>
           <a href="/doc/react/344.html"><li>	Ajax</li></a>
        </ul>
      </li>
    </ul>
{% endblock %}
